{% load static %}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    {% block cate-title %}
    {% endblock cate-title %}
    <link rel="shortcut icon" type="images/x-icon" href="{% static 'blog/cat_0.ico' %}"/>
    {% block load-src %}
    {% endblock load-src %}
    {% block acticle-style %}
    {% endblock acticle-style %}
    <link rel="stylesheet" type="text/css" href="{% static 'blog/css/base.css' %}" id="base-css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1962070_ot2mpwxu3ns.css">
    <script>
        const flag_check_url = "{% url 'blog:chk_s' %}";
        const flag_change_url = "{% url 'blog:chg_s' %}";

        $(document).ready(function () {
            //预先发送csrf值，防止出现403错误
            $.ajaxSetup({
                data: {csrfmiddlewaretoken: '{{ csrf_token }}'}
            });
        });
    </script>
    <script type="text/javascript" src="{% static 'blog/js/base.js' %}"></script>
    <script type="text/javascript" src="{% static 'blog/js/yinghua.js' %}"></script>
    <style>
        html::-webkit-scrollbar {
            display: none; /* Chrome Safari */
        }

        html {
            scrollbar-width: none; /* firefox */
            -ms-overflow-style: none; /* IE 10+ */
        }
    </style>
</head>
<body>
{% block acticle-title %} {% endblock acticle-title %}
<main>
    <div class="placeHolder"></div>
    <div class="top-container">
        <div class="time-stamp">
            <span class="shaky">ฅ'ω'ฅ♪</span>
            <span id="site-time"></span>
        </div>
        {% block meta %}{% endblock meta %}
        {% block hitokoto %}{% endblock hitokoto %}
    </div>
    <div class="placeHolder"></div>
    <div class="main-container">
        {% block main %}{% endblock main %}
        {% block article %}{% endblock article %}
        <div class="placeHolder"></div>
        {% block clip-page %}{% endblock clip-page %}
    </div>
    <div class="placeHolder"></div>
</main>
<div class="flex-side-container"></div>
<div class="side-container">
    <div class="site-title">
        <h3>
            游說萬乘苦不早，著鞭跨馬涉遠道。
        </h3>
        <h1>
            <a class="a-title" href="/">阿凌的貓爬架</a>
        </h1>
        <div class="myIcon"></div>
    </div>
    <div class="category-page">
        <ul class="category-ul">
            <li>
                <a href="{% url 'blog:category' 'cpp' %}">-CPP & C</a>
                <i class="iconfont icon-file_cpp"></i>
            </li>
            <li>
                <a href="{% url 'blog:category' 'python' %}">-PYTHON</a>
                <i class="iconfont icon-logo-python "></i>
            </li>
            <li>
                <a href="{% url 'blog:category' 'web_linux' %}">-WEB & LINUX</a>
                <i class="iconfont icon-web-link"></i>
            </li>
            <li>
                <a href="{% url 'blog:category' 'acm_math' %}">-ACM & MATH</a>
                <i class="iconfont icon-fengkuangdaqiqiu"></i>
            </li>
            <li>
                <a href="{% url 'blog:category' 'sql' %}">-SQL</a>
                <i class="iconfont icon-Comment4"></i>
            </li>
            <li>
                <a href="{% url 'blog:category' 'life' %}">-LIFE</a>
                <i class="iconfont icon-sakura-flower"></i>
            </li>
            <li>
                <a href="{% url 'blog:category' 'other' %}">-OTHER</a>
                <i class="iconfont icon-order-play-fill"></i>
            </li>
        </ul>
    </div>
    <div class="site-title-link">
        <ul class="link-select">
            <li class="to-cate"><a href="javascript:;" title="Category">
                分類
            </a></li>
            <li><a href="{% url 'blog:archive' %}" title="Archive">
                歸檔
            </a></li>
            <li><a href="{% url 'blog:about_me' %}" title="About" target="_blank">
                關於
            </a></li>
            <li><a href="{% url 'blog:friend' %}" title="Site-Link">
                友鏈
            </a></li>
            <li class="soc">
                <a href="https://github.com/boogieLing" target="_blank" title="My project and code.">
                    <i class="iconfont icon-github"></i>
                    <span>Github</span>
                </a>
                <a href="javascript:;" title="My wechat.">
                    <i class="iconfont icon-wechat2"></i>
                    <span>Wechat</span>
                    <img src="https://ling_boogie.gitee.io/peasonal_pic/wechat.png" class="wechat-img">
                </a>
                <a href="javascript:;" title="Welcome to email me." class="email-show">
                    <i class="iconfont icon-emailmarketing_filled"></i>
                    <span>Email</span>
                    <span class="email-div">boogieLing_o@163.com</span>
                </a>
            </li>
        </ul>
        <div class="site-info">
            <p>© 2020</p>
            <a target="_blank" href="https://qwqr0.icu" rel="noopener noreferrer">boogieLing'o</a>
            <p>
                100% developed by R0.
                <i class="iconfont icon-CatFootprint"></i>
            </p>
            <p>
                <a target="_blank" href="http://www.beian.miit.gov.cn" target="_blank">
                    粤ICP备19086050号-2 <i class="iconfont icon-beian"></i>
                </a>
            </p>
        </div>
    </div>
</div>
<div class="login-register">
    <img src="{% static 'blog/img/sakura_single.png' %}" alt="" class="wrench-use">
    {% if request.user.is_authenticated %}
        <span class="trun-out">幸會,</span>
        <span class="cur-user">{{ request.user }}</span>
        <a href="{% url 'blog:logout_user' %}" class="logout roteYhidden" title="Logout">再會！</a>
    {% else %}
        <span class="trun-out">幸會,</span>
        <span class="cur-user">
            <a href="{% url 'blog:login_page' %}" class="login" title="Login">陌生人。</a></span>
    {% endif %}
</div>
<div id="link"></div>
<div class="moon-light moon-hidden"></div>
<div class="moon-back moon-hidden"></div>
<div class="moon-font moon-hidden"></div>
<div class="lightCover"></div>
<div class="fake-info">
    <h1>激活Ubuntu</h1>
    <p>转到“设置”以激活Ubuntu。</p>
</div>
<div id="preogressbar"></div>
<div id="scrollpath"></div>
<div class="extra-screen extra-screen-hidden">
    <div class="extra-screen-btn">
        <i class="iconfont icon-arrow-random"></i>
    </div>
    <ul class="tools-grid">
        <a class="tools-box" href="{% url 'blog:color_board' %}" target="_blank">
            <i class="iconfont icon-zuozhe"></i>
            <span>
                R0's board
            </span>
        </a>
        <a class="day_sty tools-box">
            <i class="iconfont icon-Brightness-"></i>
            <span>
                Day Style
            </span>
        </a>
        <a class="night_sty tools-box">
            <i class="iconfont icon-dark"></i>
            <span>
                Dark Style
            </span>
        </a>
        <a href="https://shields.io/" class="tools-box tiny_long_tools-box" target="_blank">
            <span>
                shields.io
            </span>
        </a>
    </ul>
    <ul class="daily_news_list">
        <script>
            var daily_news_head_img_list = [];
            const get_daily_news_list_url = "{% url 'blog:get_daily_news_list' %}";
            const news_like_url = "{% url 'blog:news_like' '000000' %}" ;
        </script>
        {% for status in g_daily_news_status_list %}
            <script>
                daily_news_head_img_list.push("{% static 'blog/img/autor-status-normal.jpg' %}".replace("normal", "{{ status }}"));
            </script>
        {% endfor %}
    </ul>
</div>
{#<a class="to-board" href="{% url 'blog:color_board' %}" target="_blank">#}
{#    R0's board.#}
{#    <i class="iconfont icon-zuozhe"></i>#}
{#</a>#}
{#<ul class="chang-sty">#}
{#    <i class="iconfont icon-x_style"></i>#}
{#    <li class="day_sty">Day</li>#}
{#    <li class="night_sty">Night</li>#}
{#</ul>#}
</body>
{% block hightLight-src %}
{% endblock hightLight-src %}

<script>
    const model_json_path = ["{% static 'blog/js/diana/diana0.model3.json'%}", "{% static 'blog/js/diana/diana1.model3.json'%}"]
</script>
<!-- Load TweenLite -->
<script src="{% static 'blog/js/diana/TweenLite.js' %}"></script>

<!-- Copyrighted cubism SDK -->
<script src="{% static 'blog/js/diana/live2dcubismcore.min.js' %}"></script>
<!-- Load Pixi (dependency for cubism 2/4 integrated loader) -->
<script src="{% static 'blog/js/diana/pixi.min.js' %}"></script>
<!-- Load cubism 4 integrated loader -->
<script src="{% static 'blog/js/diana/cubism4.min.js' %}"></script>

<!-- Load pio and alternative loader -->

<script src="{% static 'blog/js/diana/pio.js' %}"></script>
<script src="{% static 'blog/js/diana/pio_sdk4.js' %}"></script>
<script src="{% static 'blog/js/diana/load_diana.js' %}"></script>
<link rel="stylesheet" type="text/css" href="{% static 'blog/css/diana.css' %}">

</html>
